/*** 混合css
*/
@mixin test($color: $office-red)
{
  border: px2rem(1) solid $color !important;
}

// 清除浮动影响
@mixin clear-after
{
  &:after
  {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
}

// 清除margin越界
@mixin clear-before
{
  &:before
  {
    content: '';
    display: table;
  }
}

// 混合transition
@mixin office-transition($property,$time,$function: ease)
{
  -webkit-transition: $property $time $function ;
  -moz-transition: $property $time $function ;
  -ms-transition: $property $time $function ;
  -o-transition: $property $time $function ;
  transition: $property $time $function ;
}

// 混合transition-delay
@mixin office-transition-delay($time)
{
  -webkit-transition-delay: $time;
  -moz-transition-delay: $time;
  -ms-transition-delay: $time;
  -o-transition-delay: $time;
  transition-delay: $time;
}

// 混合rotate 旋转
@mixin office-rotate($deg)
{
  -webkit-transform: rotate($deg);
  -moz-transform: rotate($deg);
  -ms-transform: rotate($deg);
  -o-transform: rotate($deg);
  transform: rotate($deg);
}

// 混合scale 缩放
@mixin office-scale($number)
{
  -webkit-transform: scale($number);
  -moz-transform: scale($number);
  -ms-transform: scale($number);
  -o-transform: scale($number);
  transform: scale($number);
}

// 混合Y轴平移 缩放
@mixin office-translateY($number)
{
  -webkit-transform: translateY($number);
  -moz-transform: translateY($number);
  -ms-transform: translateY($number);
  -o-transform: translateY($number);
  transform: translateY($number);
}

// 混合背景渐变
@mixin office-background($deg: 108deg, $start: $office-start-linear, $end: $office-end-linear){
  background: -webkit-linear-gradient($deg,$start,$end);
  background: -o-linear-gradient($deg,$start,$end);
  background: -ms-linear-gradient($deg,$start,$end);
  background: linear-gradient($deg,$start,$end);
}

// 单行显示省略号
@mixin office-single-ellipsis
{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@mixin office-shadow {
  -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.14), 0 4px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.14), 0 4px 5px rgba(0, 0, 0, 0.1);
}

// 混合img样式
@mixin office-img-style
{
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  background-color: $office-gray;
}
